<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <title>链接图片管理</title>
    <link rel="stylesheet" href="assets/outerRes/css/bootstrap.css">
    <link rel="stylesheet" href="assets/innerRes/css/header.css">
    <link rel="stylesheet" href="assets/innerRes/css/linkImageManage.css">
</head>
<body>
<jsp:include page="/WEB-INF/commonJsp/header.jsp"/>
<div class="pageContainer">
    <aside class="linkImageNavContainer">
        <nav class="linkImageNav">
            <c:forEach items="${allPosition}" var="position">
                <a href="#" positionId="${position.id}">${position.positionName}</a>
            </c:forEach>
        </nav>
    </aside>

    <div class="allRightContainer">
        <nav class="imageStatusNav">
            <c:forEach items="${allLinkImageStatus}" var="linkImageStatus">
                <a href="#" statusId="${linkImageStatus.id}">${linkImageStatus.statusName}</a>
            </c:forEach>
            <a href="linkImageSkip/addLinkImage.do"><span class="glyphicon glyphicon-plus-sign"></span></a>
        </nav>

        <div class="linkImageContainer">
            <c:forEach items="${targetPositionImage}" var="oneImage" varStatus="s">
                <c:if test="${s.index % 3 == 0}">
                    <div class="row">
                </c:if>
                    <div class="col-lg-3"><img src="positionImage/retrieveTargetPositionImage.do?imageId=${oneImage.id}"/></div>
                    <c:if test="${(s.index + 1) % 3 == 0}">
                        </div>
                    </c:if>
            </c:forEach>
        </div>

        <%--<div class="linkImageContainer">--%>
            <%--<div class="row">--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/1.jpg"/></div>--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/2.jpg"/></div>--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/3.jpg"/></div>--%>
            <%--</div>--%>
            <%--<div class="row">--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/1.jpg"/></div>--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/2.jpg"/></div>--%>
                <%--<div class="col-lg-3"><img src="assets/innerRes/img/test/3.jpg"/></div>--%>
            <%--</div>--%>
        <%--</div>--%>
    </div>
</div>

<input id="basePath" type="hidden" value="<%=basePath%>"/>
<span id="positionId" positionId="${positionId}"></span>
<span id="statusId" statusId="${statusId}"></span>

<script src="assets/outerRes/js/jquery-3.0.0.js"></script>
<script src="assets/outerRes/js/bootstrap.js"></script>
<script src="assets/innerRes/js/linkImageManage.js"></script>
<script src="assets/innerRes/js/header.js"></script>
<script>
    header.init();
</script>
</body>
</html>
